<template>
    <div class="customer-box">
        <el-table ref="multipleTableRef" table-layout="auto" style="width: 100%;text-align: center"
            @selection-change="handleSelectionChange">
            <el-table-column type="selection" width="55" />
            <el-table-column label="服务名称" width="128">
                <template #default="scope">{{ scope.row.date }}</template>
            </el-table-column>
            <el-table-column property="name" label="服务原价" width="128" />
            <el-table-column property="address" label="折扣价" width="128" />
            <el-table-column label="是否套餐" width="128"></el-table-column>
            <el-table-column label="服务分类" width="128"></el-table-column>
            <el-table-column label="审核状态" width="128"></el-table-column>
            <el-table-column label="上架状态" width="128"></el-table-column>
            <el-table-column label="备注" width="200"></el-table-column>
        </el-table>
    </div>
</template>
<script setup lang="ts">
import { reactive, ref } from 'vue'
import { ElTable, ElTableColumn } from 'element-plus'

interface User {
    date: string
    name: string
    address: string
}
const multipleTableRef = ref<InstanceType<typeof ElTable>>()
const multipleSelection = ref<User[]>([])
const handleSelectionChange = (val: User[]) => {
    multipleSelection.value = val
}

const custList = ref<[]>([])
</script>
<style>

</style>